<script lang="ts" setup>
import { computed } from 'vue'
import { Pagination, Navigation, Autoplay } from 'swiper'
import useStore from '@/stores'
// 轮播图banner
const modules = [Pagination, Navigation, Autoplay]
// 获取数据
const { homeStore } = useStore()
const bannerList = ref([])
homeStore.getUserProfile()
bannerList.value = homeStore.bannerList
console.log(homeStore.newList)

// 首页样式变量
const styleInt = computed(() => {
    return `<style>
                :root {
                    --fontColor: ${'rgba(' + homeStore.bgColor + ')'};
                }
            </style>`
})

</script>
<template>
    <div class="style-wrap" v-html="styleInt"></div>
    <div class="wrapper">
        <div>
            <h1 class="title">这是移动端页面</h1>
        </div>
    </div>
</template>
<style lang="scss" scoped>
@import '@/assets/styles/home_m.scss';
</style>
